<template>
	<view class="" style="width: 100vw;height: 100vh">
		<view class="content" :style="{'background':kbackgroundColor}" style="min-height: 100vh">
			<hx-navbar title="常见问题" :back="true" :fixed="false" :color="knavTitleColor" barPlaceholder="hidden"
				transparent="auto"></hx-navbar>
			<view class="container">
				<view class="list" :style="ktheme =='black'? 'background:#000000':'background:#ffffffff'">
					<view class="list_c" v-for="(item,index) in list">
						<view class="list_name">
							<!--  :style="[{'background:#4CAB77':ktheme =='black'},{'background:#CDA5FAFF':ktheme =='purple'}]" -->
							<view class="hint" :style="ktheme =='black'? 'background:#4CAB77':'background:#CDA5FAFF'">Q
							</view>
							<view class="" style="width:600rpx ;"
								:style="ktheme =='black'? 'color:#ffffff':'color:#000000ff'">{{item.name}}

							</view>
						</view>
						<view class="list_val">
							<view class="hint" :style="ktheme =='black'? 'background:#B8C354':'background:#7257D6FF'">A
							</view>
							<view class="" style="width:600rpx ;">{{item.value}}

							</view>
						</view>
					</view>

				</view>
				<!-- <view class="kf">
					<view class="kfm"  @click="save()">
						<image src="@/static/kf.png"
							style="width: 230rpx;height: 230rpx;border-radius: 20rpx;" mode=""></image>
					</view>
					<view class="skf" :style="{'color':knavTitleColor}">
						扫描二维码添加客服
					</view>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				posterSrc: "@/static/kf.png",
				list: [{
					id: 1,
					name: '数字科技商品为什么冻结？',
					value: "数字科技商品价值较高，且发放之后无法追回，特别设置冻结期。"
				}, {
					id: 2,
					name: '冻结时间是多长？ ',
					value: "冻结时间根据购物平台售后期确认，如果商品退货，则对应冻结的数字科技商品会被收回。",

				}, {
					id: 3,
					name: '这款数字科技商品能够在数藏中原价购买吗？',
					value: "此商品为啤酒免费喝活动的奖励，仅可在市场中从用户手中购买，市场中的价格由用户设定。"
				}, {
					id: 4,
					name: '解冻之后是否可以直接进行寄售？',
					value: "平台每解冻1000份数字科技商品，即开启寄售。您可随时关注，或添加客服人员进行咨询。"
				}, {
					id: 5,
					name: '如果我寄售时，是否可以随意定价？',
					value: "寄售时是按照前一天收盘价的10%进行上下浮动，不可随意定价。"
				}, ]

			}

		},
		methods: {
			save() {
				this.downloadIamge('@/static/kf.png', 'image');
			}

		}
	}
</script>

<style lang="scss" scoped>
	.list {
		width: 690rpx;
		border-radius: 20rpx;
		margin: 20rpx auto;
		padding: 20rpx;

	}

	.list_c {
		width: 670rpx;
		border-bottom: 2rpx solid #cccccca1;
		margin: 20rpx auto;
	}

	.list_name {
		width: 630rpx;

		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #FFFFFF;

		font-style: normal;
		display: flex;
		align-items: center;
	}

	.list_val {
		margin-top: 6rpx;
		width: 660rpx;
		// height: 70rpx;
		display: flex;
		align-items: center;

		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 29rpx;
		color: #9e9e9e;
		line-height: 40rpx;
		font-style: normal;
		margin-bottom: 40rpx;
	}

	.hint {
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		line-height: 40rpx;
		text-align: center;
		font-family: PingFangSC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #FFFFFF;
		margin: 20rpx;
	}

	.kf {
		width: 400rpx;
		text-align: center;

		margin: 30rpx auto;

	}

	.kfm {
		width: 240rpx;
		margin: 30rpx auto;
		height: 240rpx;
		border-radius: 20rpx;
		background-color: #FFFFFF;
	}

	.kfz {
		margin: 30rpx auto;
	}
</style>